<template>
  <div class="Sort">
    <!-- 我的商品种类 -->
<!-- <p>提示：{{$route.params}}</p> -->
<div class="Sort-header">
  <div class="Sort-logo">
    logo
  </div>
<div class="Sort-search">
  <el-input  placeholder="桂鱼" size="normal" style="width: 200px;" ></el-input>
  <el-button type="primary" size="default" >搜索</el-button>
  <router-link to="/Shopping" target="_blank">
  <img src="@/assets/购物车.png" width="30" height="30" style="float: right;" ></router-link>
</div>
</div>
<div class="Sort-banner">
  <div class="Sort-kind">
     <h2 style="display: inline;">鱼:</h2>
     <span>桂鱼</span>
     <span>草鱼</span>
     <span>鲽鱼</span>
     <span>大头鱼</span>
     <span>鱼香肉丝</span>

     
  </div>
<div class="Sort-shop">
  <div class="Sort-top" style="text-align: center;">
    推荐商品
  </div>
  <div class="Sort-item"></div>
</div>
</div>
  </div>
</template>

<script>
export default {
name:'MySort'
}
</script>

<style>
.Sort-header{
  height: 150px;
  background-color: aqua;
}
.Sort-logo{
  float: left;
}
.Sort-search{
  float: right;
  margin-right: 150px;
}
.Sort-banner{
  margin: 0 auto;
  width: 1200px;
  background-color: aquamarine;
}
.Sort-kind span{
margin-left: 20px;
}
</style>